import React, { Component } from 'react'
import './index.css'

class Box extends Component {
    render() {
        return (
            <div 
                className='flexBox-main'
                style={this.props.style}
            >
                {this.props.children}
            </div>
        )
    }
}

class Item extends Component {
    render() {
      return (
        <div
            className={`flexBox-item-${this.props.span}`}
            style={this.props.style}

        >
            {this.props.children}
        </div>
      )
    }
}

const FlexBox = {
    Box,
    Item
}
export default FlexBox
